import { styled } from 'styled-components'

/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-18 16:15:46
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-18 16:31:04
 */
export const FooterWarp = styled.div`
  margin-top: 100px;
  border-top: 1px solid #ebebeb;
  .content {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 48px 24px;
    display: flex;
    .item {
      flex: 1;
    }
    .name {
      margin-bottom: 16px;
      font-weight: 700;
    }
    .link {
      margin-top: 6px;
      color: #767676;
      cursor: pointer;
      &:hover {
        text-decoration: underline;
      }
    }
  }
  .bottom {
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
    padding: 20px;
    color: #767676;
    text-align: center;
  }
`
